<template>
  <div>

    <h2>App根组件</h2>

    <!-- 3、使用组件（像使用html标签一样，使用组件） -->
    <MyAbc></MyAbc>

    <!-- <MyRight></MyRight> -->
    <my-right></my-right>

  </div>
</template>

<script>

//  1、导入组件

import MyLeft from './components/Left.vue'

//  import MyRight from './components/Right.vue'
//  @ 永远表示 src 文件夹
import MyRight from './components/Right.vue'

export default {
  //  2、注册组件（就是注册一个html标签）
  components: {
    // 键（html标签）: 值（导入的组件）
    MyAbc: MyLeft,
    MyRight: MyRight
  }
}
</script>

<style>

</style>